<!--
 * @Author: your name
 * @Date: 2022-01-14 15:41:16
 * @LastEditTime: 2022-01-14 16:04:36
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \cscec-pms-admin\src\views\businessAffairs\subcontractMeasurement\projectSubcontractVisa\components\list_status.vue
-->
<template>
  <div>
    <span v-if="status === 'DRAFT'" class="pub-list-draft">未提交</span>
    <span v-if="status === 'SUBMITTED'" class="pub-list-audit">审批中</span>
    <span v-if="status === 'COMMIT'" class="pub-list-pass">已完成</span>
    <span v-if="status === 'ABOLISH'" class="pub-list-invalid"> 已作废</span>
    <span v-if="status === 'PAST'" class="pub-list-pass">审批通过</span>
    <span v-if="status === 'REJECTED'" class="pub-list-rejected">审批不通过</span>
  </div>
</template>
<script>
import template from '@/views/construction/gantt/template.vue'

export default {
  components: { template },
  props: {
    status: {
      type: String
    }
  }
}
</script>
<style>
.pub-list-draft::before,
.pub-list-audit::before,
.pub-list-pass::before,
.pub-list-rejected::before,
.pub-list-del::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 10px;
}

.pub-list-audit::before {
  background-color: rgb(16, 141, 233);
}

.pub-list-pass::before {
  background-color: rgb(0, 168, 84);
}

.pub-list-rejected::before {
  background-color: rgb(254, 85, 0);
}

.pub-list-draft::before {
  background-color: rgb(255, 255, 0);
}

.pub-list-del::before {
  background-color: rgb(173, 173, 173);
}
</style>
